<template>
	<p>jsx</p>
	<details open>
		<summary>childJsx</summary>
		<div>
			<childJsx a="222222"></childJsx>
			<child></child>
		</div>
	</details>
</template>

<script>
export default {
	name: 'jsx'
}
</script>

<script setup>
	import { onBeforeMount, onMounted } from 'vue'
	import child from './child.vue'
	import childJsx from './childJsx.jsx'
	onBeforeMount(()=>{
		console.log('jsx-index: beforeMount');
	})
	onMounted(()=>{
		console.log('jsx-index: mounted');
	})
</script>

<style lang="scss" scoped>
</style>